$(document).ready(function(e) {
	linum = $('.mainlist li').length;//图片数量
	w = linum * 140;//ul宽度
	$('.piclist').css('width', w + 'px');//ul宽度
	$('.swaplist').html($('.mainlist').html());//复制内容
	
	$('.og_next').click(function(){
		og_next();
	});
	$('.og_prev').click(function(){
		og_prev();
	});    
});

$(document).ready(function(){
	$('.og_prev,.og_next').hover(function(){
			$(this).fadeTo('fast',1);
		},function(){
			$(this).fadeTo('fast',0.7);
	})
});



//右移
function og_next(){
	if($('.swaplist,.mainlist').is(':animated')){
		$('.swaplist,.mainlist').stop(true,true);
	}
	
	if($('.mainlist li').length>2){//多于2张图片
		ml = parseInt($('.mainlist').css('left'));//默认图片ul位置
		sl = parseInt($('.swaplist').css('left'));//交换图片ul位置
		if(ml<=0 && ml>w*-1){//默认图片显示时
			$('.swaplist').css({left: '280px'});//交换图片放在显示区域右侧
			$('.mainlist').animate({left: ml - 280 + 'px'},'slow');//默认图片滚动				
			if(ml==(w-280)*-1){//默认图片最后一屏时
				$('.swaplist').animate({left: '0px'},'slow');//交换图片滚动
			}
		}else{//交换图片显示时
			$('.mainlist').css({left: '280px'})//默认图片放在显示区域右
			$('.swaplist').animate({left: sl - 280 + 'px'},'slow');//交换图片滚动
			if(sl==(w-280)*-1){//交换图片最后一屏时
				$('.mainlist').animate({left: '0px'},'slow');//默认图片滚动
			}
		}
	}
}

//左移
function og_prev()
{
	if($('.swaplist,.mainlist').is(':animated')){
		$('.swaplist,.mainlist').stop(true,true);
	}
	
	if($('.mainlist li').length>4){
		ml = parseInt($('.mainlist').css('left'));
		sl = parseInt($('.swaplist').css('left'));
		if(ml<=0 && ml>w*-1){
			$('.swaplist').css({left: w * -1 + 'px'});
			$('.mainlist').animate({left: ml + 280 + 'px'},'slow');				
			if(ml==0){
				$('.swaplist').animate({left: (w - 280) * -1 + 'px'},'slow');
			}
		}else{
			$('.mainlist').css({left: (w - 280) * -1 + 'px'});
			$('.swaplist').animate({left: sl + 280 + 'px'},'slow');
			if(sl==0){
				$('.mainlist').animate({left: '0px'},'slow');
			}
		}
	}
}

$(document).ready(function(){
	  $("#sliderDoctor").on("swipeleft",function(){
		  og_next();
	  });   
	  $("#sliderDoctor").on("swiperight",function(){
		  og_prev();
	  }); 
	});
